<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>系统日志</title>
    <link href="/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="/layui/css/layui.css">
    <style type="text/css">
        /* 去除所有的页边距 */
        *{
            margin:0px;
            padding:0px;
        }

        body {
            background-color: #DFF0D8;
        }

        #titleTab{
        }

        #goodsType{
            display: flex;
            justify-content:flex-start;
            align-items:flex-start;
            /*可以改么*/height: 50px;
            margin: 0;
        }


        .bt{
            background-color: #287d6b;
        }
        .container {
        }
        .panel {
            background-size: auto, 100%;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: 50px;
            color: #fff;
            flex: 0.5;
            cursor: pointer;
            /*注意*/height: 50vh;
            position: relative;
            margin: 10px;
            transition: flex 0.7s cubic-bezier(0.05, 0.6, 0.4, 0.9);
        }
        .panel h3 {
            font-size: 24px;
            opacity: 0;
            position: absolute;
            bottom: 20px;
            left: 20px;
            margin: 0;
            transition: opacity 0s ease-in 0s;
        }
        .panel.active {
            flex: 5;
        }
        .panel.active h3 {
            opacity: 1;
            transition: opacity 0.3s ease-in 0.4s;
        }

    </style>
</head>

<body>
<div class="container" style=" margin-top:10px;">
    <!--导航栏部分-->
    <div class="row clearfix" id="titleTab">
        <div class="col-md-12 column">
            <ul class="layui-nav layui-bg-green" lay-filter="">
                <!--class="layui-this" 使得按钮处于选中-->
                <li class="layui-nav-item"><a href="/pages/首页.html">首页</a></li>
                <li class="layui-nav-item"><a href="/pages/客房管理.html">客房管理</a></li>
                <li class="layui-nav-item"><a href="/pages/会员管理.html">会员管理</a></li>
                <li class="layui-nav-item"><a href="/pages/商品管理.html">商品管理</a></li>
                <li class="layui-nav-item"><a href="/pages/员工管理.html">员工管理</a></li>
                <li class="layui-nav-item layui-this"><a href="">系统日志</a></li>
            </ul>
        </div>
    </div>

    <div class="col-md-12 column">
        <!--日志导航栏-->
        <div class="row clearfix form-inline form-group" style="margin-top: 15px">
            <button type="button" class="btn btn-primary btn-lg" style="text-shadow: black 5px 3px 3px;">
                <span class="glyphicon glyphicon-book"></span>    系统日志
            </button>
            <div class="col-md-1 column"></div>
            <input type="text" id="searchForJournalText" class="form-control" placeholder="输入查询日志" style="margin-left: 35px">
            <button class="btn btn-default" type="button" onclick="searchForJournal()">查找</button>
        </div>

        <!--日志表格-->
        <div class="row clearfix" >
            <table class="layui-table table-hover table-striped table-condensed" lay-skin="line" lay-size="sm"
                   style='text-align: center;margin-top:14px;background-color: #f7f7f7'>
                <thead>
                <tr>
                    <td>管理人员</td>
<!--                    <td>操作</td>-->
                    <td>操作时间</td>
                </tr>
                </thead>
                <tbody id="journal">
                </tbody>
            </table>
        </div>
    </div>
</div>

</body>

<script src="/jquery/jquery-3.4.1.js"></script>
<script src="/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

<script type="text/javascript">

    jQuery(function(){
        jQuery.post("/all_log",function(rst){//处理响应的结果
            var body="";
            for(var i=0;i<rst.length;i++)
            {
                var json=rst[i];//{"id":1,"floor_name":"A栋一层","start_room":'A101',"end_room":"A108","building"="A栋"}
                body+="<tr>";
                body+="<td>"+json.exe_person+"</td>";
                body+="<td>"+json.exe_time+"</td>";
                body+="</tr>";

            }
            jQuery("#journal").html(body);
        },"json");//表示返回数据的格式
    });

</script>
</html>